<!DOCTYPE html>
<html>

	<head>
		<title></title>
		<#include "/header.html">
			<script src="${request.contextPath}/statics/libs/bootstrap-table.min.js"></script>
			<script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.min.js"></script>
			<script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.bootstrap3.js"></script>
			<script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.extension.js"></script>
			<script src="${request.contextPath}/statics/plugins/treegrid/tree.table.js"></script>
	</head>

	<body>
		<div id="rrapp" v-cloak>
			<div v-show="showList==0">
				<div class="grid-btn">
					<#if shiro.hasPermission( "pinkao:pinkaocourse:save")>
						<a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
					</#if>
					<#if shiro.hasPermission( "pinkao:pinkaocourse:update")>
						<a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
					</#if>
					<#if shiro.hasPermission( "pinkao:pinkaocourse:delete")>
						<a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
					</#if>
				</div>
				<table id="jqGrid"></table>
				<div id="jqGridPager"></div>
			</div>

			<div v-show="showList==1" class="panel panel-default">
				<div style="text-align: center;font-size: 28px;font-weight: 500;">{{pinKaoCourse.title}}</div>
				<div class="grid-btn" style="position: absolute;top: 5px;right: 15px;">
					<a class="btn btn-primary" @click="showList=0">返回</a>
				</div>
				<table id="menuTable" data-mobile-responsive="true" data-click-to-select="true">
					<thead>
						<tr>
							<th data-field="selectItem" data-checkbox="true"></th>
						</tr>
					</thead>
				</table>
			</div>

			<div v-show="showList==2" class="panel panel-default" style="background: #EAEAEA;width: 100%;">
				<!--{{pinKaoCourse}} 我是详情页-->
				<div id="fakerShow" style="background-color:white;width:360px;height: 640px;overflow-y: scroll;overflow-x: hidden;margin: 0 auto;border: 1px solid rgba(0,0,0,0.5);">
					<div>
						<img style="width:100%;height:215px;" id="coverImgs" src="${request.contextPath}/statics/logo.png">
					</div>
					<div style="width: 360px;">
						<div style="height: 50px;background-color: red;color: white;display: inline-block;width: 70%;float: left;">
							￥<span id="nowMoney" style="font-size: 15px;">50</span>元<span id="oldMoney" style="text-decoration:line-through;margin-left: 10px;">100</span>元
						</div>
						<div style="height: 50px;background-color:yellow;display: inline-block;width: 30%;float: right;">
							<span>限时秒杀</span>
						</div>
					</div>
					<div>
						<p id="courseName" style="font-size: 18px;">四六级</p>
					</div>
					<div style="width: 360px;background-color: #EFEFEF;">
						<p>课程详情</p>
					</div>
					<div id="courseImg">
						<p><img src="http://zte-sdu.oss-cn-beijing.aliyuncs.com/20181216/454a2de8bc324f75ab7e4354d894627a.jpg" /></p>

						<p><img src="http://zte-sdu.oss-cn-beijing.aliyuncs.com/20181216/3ec1e276af1a4c9d9dc880d2f0532787.jpg" /></p>

						<p><img src="http://zte-sdu.oss-cn-beijing.aliyuncs.com/20181216/57518437421e4577bd5d61b17e63ac20.jpg" /></p>
					</div>
				</div>
				<div class="grid-btn" style="position: absolute;top: 5px;right: 15px;">
					<a class="btn btn-primary" @click="showList=0">返回</a>
				</div>
			</div>

		</div>

		<script src="${request.contextPath}/statics/js/modules/pinkao/pinkaocourse.js?_${.now?long}"></script>
	</body>

</html>